/**
 * Style for module header.
 *
 * @author      fahai
 * @version     1.0.0 build 2010-12-8
 */

/**
 * Sprites.
 */
.top-header .channel-wrap .vertical-channel a:hover,
.top-header .channel-wrap .vertical-channel a:hover span {
    background: url("http://a.tbcdn.cn/p/fp/2011a/assets/sprites.gif?t=20120301.gif") 0 -384px no-repeat transparent;
}

.top-header .tsearch-submit {
    background: url("http://a.tbcdn.cn/p/fp/2011a/assets/sprites.gif") -311px -19px no-repeat transparent;
    text-indent: -9999px;
}

.top-header .tsearch-submit:hover{
    background-position:-311px -468px;
}

.top-header .tsearch-fields label {
    background: url("http://a.tbcdn.cn/p/fp/2011a/assets/sprites.gif") -201px -133px no-repeat transparent;
    height: 16px;
    left: 12px;
    top: 12px;
    font-family: "\5b8b\4f53";
}

/**
 * Main wrapper style.
 */

.top-header {
    width: 1000px;
    height: 199px;
    margin: 0 auto;
}

/**
 * Common styles.
 */

/* border radius simulation */
.top-header .rc-lt,
.top-header .rc-lb,
.top-header .rc-rb,
.top-header .rc-rt {
    font-size: 0;
    font-family: serif; /* 2px bug in ie6 */
    width: 1px;
    height: 1px;
    position: absolute;
    background-color: #fff;
}

.top-header .rc-lt {
    left: 0;
    top: 0;
}

.top-header .rc-lb {
    left: 0;
    bottom: 0;
}

.top-header .rc-rb {
    right: 0;
    bottom: 0;
}

.top-header .rc-rt {
    right: 0;
    top: 0;
}

/**
 * Particular styles for each sub-module.
 */

/* top-banner { */
.top-header .top-banner {
    width: 100%;
    height: 40px;
	text-align:center;
	_margin-top:-1px;
}

.top-header .top-banner img {
    vertical-align: middle;
}

/* } */

/* masthead { */
.top-header .masthead {
    position: relative;
    width: 100%;
    height: 102px;
}

/* taobao-logo */
.top-header .taobao-logo {
    /*width: 171px;*/
    height: 42px;
    position: absolute;
    top: 30px;
    left: 3px;
    font-size: 42px;
    font-weight: bold;
    line-height: 42px;
    margin: 0;
}

.top-header .taobao-logo a {
    color: #FC5715;
}

.top-header .holiday-logo {
    margin-top: -16px;
    _position: relative;
}

.top-header .taobao-logo .taobao-img-logo{
    text-decoration:none;
}

/* tsearch */
.top-header .tsearch {
    width: 666px;
    padding-top: 16px;
    float: right;
}

.top-header .tsearch-tab {
    height: 23px;
    float: left;
    /*background-color: #f27b04;*/
    /*background-image: -moz-linear-gradient(left, #f27b04, #F3AD59);;*/
    /*background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #f27b04), color-stop(1, #F3AD59));*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorStr = '#f27b04', EndColorStr = '#F3AD59', gradientType = 1);*/
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f27b04', EndColorStr='#F3AD59', gradientType=1)";*/
}

.top-header .tsearch-tab li {
    float: left;
    position: relative;
}
.top-header .tsearch-tab li .rc-lt,
.top-header .tsearch-tab li .rc-rt {
    display: none;
}

.top-header .tsearch-tab .current .rc-lt,
.top-header .tsearch-tab .current .rc-rt {
    display: block;
    background-color: #ffdebb;
}

.top-header .tsearch-tab li a {
    display: block;
    float: left;
    height: 23px;
    line-height: 23px;
    padding: 0 12px;
    /*background-color: #fff;*/
}

.top-header .tsearch-tab li.current a {
    font-weight: bold;
    color: #fff;
    padding: 0 15px;
    background-color: #f27b04;
    /*background-color: transparent; *//* flexible background gradient */
}

.top-header .tsearch-panel {
    clear: left;
}

.top-header .tsearch-fields {
    font-family: serif; /* text floating bug in ie6 */
    /*width: 467px;*/
    /*height: 28px;*/
    /*padding: 3px;*/
    /**padding-top: 2px;*/
    /**padding-bottom: 4px;*/
    /*_padding-top: 1px;*/
    /*_padding-bottom: 3px;*/
    width: 470px;
    height: 34px;
    float: left;
    position: relative;
    vertical-align: middle;
    background-color: #f27b04;
    /*background-image: -moz-linear-gradient(left, #f27b04, #F4C079);*/
    /*background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #f27b04), color-stop(1, #F4C079));*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorStr = '#f27b04', EndColorStr = '#F4C079', gradientType = 1);*/
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f27b04', EndColorStr='#F4C079', gradientType=1)";*/
}

.top-header .tsearch-fields .rc-lt {
    left: 3px;
    top: 3px;
    background-color: #ffae5b;
}

.top-header .tsearch-fields .rc-lb {
    background-color: #ffdebb;
}

.top-header .tsearch-fields input {
    font-size: 14px;
    font-family: verdana, tahoma, sans-serif;
    width: 457px;
    height: 18px;
    line-height: 18px;
    padding: 5px;
    border: 0 none;
    background-color: #fff;
    vertical-align: middle;
    position: absolute;
    left: 3px;
    top: 3px;
	/*
	*line-height: 18px;_line-height: 18px;
	*padding-bottom:3px;_padding-bottom:5px;
	*/
}

.top-header .tsearch-fields label {
    padding-left: 20px;
    padding-bottom: 3px;
    position: absolute;
    display: block;
    height: 14px;
    color: #b8b8b8;
    left: 12px;
    top: 9px;
	z-index: 5;
}

.top-header .focus label {
    display: none;
}

.top-header .tsearch-action {
    float: left;
    width: 50px;
    height: 34px;
    padding-left: 10px;
	margin-top:-2px;
}

.top-header .tsearch-action a {
    color: #666;
}

.top-header .tsearch-action a:hover {
    color: #ff6600;
}

.top-header .tsearch-submit {
    position:relative;
    width: 133px;
    height: 34px;
    line-height: 34px;
    font-size: 18px;
    background-color: #F89913;
    color: #fff;
    border: 0 none #D25102;
    float: left;
    cursor: pointer;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    -khtml-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.top-header .tsearch-submit .rc-rt{
    _top:-1px;
    _right:-1px;
}
.top-header .tsearch-submit .rc-rb{
    _bottom:-1px;
    _right:-1px;
}

.top-header .tsearch-hot {
    height: 28px;
    line-height: 28px;
    padding-left: 8px;
    border-bottom: 1px solid #E5E5E5;
    position: relative;
    width: 525px;
}

.top-header .tsearch-hot a {
    margin-right: 6px;
    color: #666;
}

.top-header .tsearch-hot a:hover {
    color: #ff6600;
}

.top-header .tsearch-hot .more {
    color: #666;
    position:relative;
    padding-right:7px;
}

.top-header .tsearch-hot .arrow {
    display: inline-block;
    width: 4px;
    height: 8px;
    position:absolute;
    right:0;
    _right:auto;
    _margin-left:3px;
    top:3px;
    background: url("http://a.tbcdn.cn/p/fp/2011a/assets/sprites.gif") -40px -490px no-repeat;
}

.top-header .tsearch-hot .gr-l {
    background-image: -moz-linear-gradient(left center, #FFFFFF, #E5E5E5);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(1, #E5E5E5));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr = '#FFFFFF', EndColorStr = '#E5E5E5', gradientType = 1);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#E5E5E5', gradientType=1)";
    font-size: 0;
    height: 1px;
    line-height: 0;
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 30px;
}

.top-header .tsearch-hot .gr-r {
    background-image: -moz-linear-gradient(left center, #E5E5E5, #FFFFFF);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #E5E5E5), color-stop(1, #FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr = '#E5E5E5', EndColorStr = '#FFFFFF', gradientType = 1);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#E5E5E5', EndColorStr='#FFFFFF', gradientType=1)";
    font-size: 0;
    height: 1px;
    line-height: 0;
    position: absolute;
    right: 0;
    bottom: -1px;
    width: 100px;
}

/* } */

/* channel-wrap { */
.top-header .channel-wrap {
    width: 100%;
    height: 55px;
    border-bottom: 2px solid #f27b04;
    position: relative;
}

/* vertical-channel */
.top-header .channel-wrap .vertical-channel {
    height: 24px;
    padding: 31px 0 0 5px;
}

.top-header .channel-wrap .vertical-channel li {
    font-size: 14px;
    font-weight: bold;
    float: left;
    height: 24px;
    line-height: 23px;
    line-height: 26px\0;
    *line-height:22px;
    _line-height:24px;
    overflow: hidden;
}

.top-header .channel-wrap .vertical-channel a {
    display: inline-block;
}

.top-header .channel-wrap .vertical-channel a span {
    padding: 0 13px;
    float: left;
    color: #d84600;
    height: 24px;
    vertical-align: middle;
    *height: 22px; /* text floating bug in ie7 */
    _height: 24px;
    *padding-top: 2px;
    _padding-top: 0;
}

.top-header .channel-wrap .vertical-channel .select{
    position:relative;
    margin-right:3px;
}

.top-header .channel-wrap .vertical-channel .select a{
    background-color:#F27B04;
}

.top-header .channel-wrap .vertical-channel .select a span{
    color:#FFF;
}

.top-header .channel-wrap .vertical-channel .select .rc-lt,
.top-header .channel-wrap .vertical-channel .select .rc-rt{
    _top:-1px;
}

.top-header .channel-wrap .vertical-channel a:hover {
    background-position: 0 -384px;
    background-color: #FFF8E2;
    text-decoration: none;
}

.top-header .channel-wrap .vertical-channel a:hover span {
    background-position: right -54px;
    cursor: pointer;
}

.top-header .channel-wrap .vertical-channel .select a:hover{
    background-image: none;
    background-color: #F27B04;
}

.top-header .channel-wrap .vertical-channel .select a:hover span{
    background-image: none;
}

/* vip-xb */
.top-header .channel-wrap .vip-xb {
    position: absolute;
    height: 26px;
    line-height: 26px;
    bottom: 0;
    right: 0;
}

.top-header .channel-wrap .vip-xb li {
    float: left;
}

.top-header .channel-wrap .vip-xb li a {
    color: #d84600;
    font-weight: bold;
    margin-left: 15px;
}

/* } */